<template>
  <div class="card-box">
    <div class="card-title">审批表</div>
    <div class="template-head">
      <span class="template-head-font">福田区政府物业管理中心费用审批表</span>
      <span class="head-time">{{todayTime}}</span>
    </div>
    <div class="table-div">
      <el-form :rules="rules" :model="printData" status-icon ref="form">
        <table class="approve-form-table">
          <tr>
            <td width="20%">经手人</td>
            <td width="20%">
              <el-form-item prop="handler">
                <el-input type="input" v-model="printData.handler" placeholder="请输入经手人（长度在24个字符以内）" maxlength="24" />
              </el-form-item>
            </td>
            <td width="10%">时间</td>
            <td width="20%">
              <el-form-item prop="reqStartTime">
                <el-date-picker v-model="printData.reqStartTime" type="date" placeholder="申请时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
              </el-form-item>
            </td>
            <td width="10%">金额(元)</td>
            <td width="20%">
              <el-form-item prop="reqPricet">
                <el-input
                  style="width:170px;float: left;"
                  v-model="printData.reqPricet"
                  placeholder="请输入12位以内金额"
                  v-only-number="{min:0,precision:2}"
                  maxlength="12"
                  @blur="handleTotalPrices()"
                />&nbsp;
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>开支内容</td>
            <td colspan="3">部门（所）领导意见</td>
            <td colspan="2">分管领导意见</td>
          </tr>
          <tr>
            <td>
              <el-form-item prop="expenditureContent">
                <el-input style="border-width: 0;" type="text" v-model="printData.expenditureContent" placeholder="请输入开支内容（内容最长为64个字符）" maxlength="64" />
              </el-form-item>
            </td>
            <td colspan="3">
              <el-form-item prop="departmentOpinion">
                <el-input
                  type="textarea"
                  style="border-width: 0;"
                  v-model="printData.departmentOpinion"
                  placeholder="请输入部门（所）领导意见（内容最长为500个字符）"
                  maxlength="500"
                  :autosize="{ minRows: 6, maxRows: 10}"
                />
              </el-form-item>
            </td>
            <td colspan="2">
              <el-form-item prop="leaderOpinion">
                <el-input
                  type="textarea"
                  style="border-width: 0;"
                  v-model="printData.leaderOpinion"
                  placeholder="请输入分管领导意见（内容最长为250个字符）"
                  maxlength="250"
                  :autosize="{ minRows: 6, maxRows: 10}"
                />
              </el-form-item>
            </td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>

<script src="./js/approve-form.js">
</script>

<style scoped lang="scss">
@import "./scss/approve-form";
</style>
